import Vue from "vue";
import VueRouter from "vue-router";
import musicHome from "../views/musicHome/musicHome.vue";

Vue.use(VueRouter);

const routes = [
  {
    path: "/",
    name: "home",
    component: musicHome,
  },
  {
    path: "/music",
    name: "music",
    component: () =>
      import(/* webpackChunkName: "music" */ "../views/musicFile/musicFile.vue"),
  },
  {
    path: "/newMv",
    name: "newMv",
    component: () =>
      import(/* webpackChunkName: "newMv" */ "../views/newMv/newMv.vue"),
  },
  {
    path: "/radio",
    name: "radio",
    component: () =>
      import(/* webpackChunkName: "radio" */ "../views/radio/radio.vue"),
  },
  {
    path: "/secondElemen",
    name: "secondElemen",
    component: () =>
      import(/* webpackChunkName: "secondElemen" */ "../views/secondElemen/secondElemen.vue"),
  },
  
];

const router = new VueRouter({
  mode: "history",
  base: process.env.BASE_URL,
  routes,
});

export default router;
